<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2744067_9w2lswsgmp.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2801787_xpvhwn9qxg.css">
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        .banner{
            width: 100%;
            height: 60px;
            font-size: 0;
        }
        img{
            width: 100%;
            height: 100%;
        }
        ul{
            list-style: none;
        }
        li::after{
            content: "\25BC";
            color:rgb(121, 117, 117);
            float: right;
        }
        a{
            text-decoration: none;
        }
        .education{
            width: 200px;
            /* height: 600px; */
            /* background: pink; */
            float: left;
            border-right: 1px solid #777;
        }
        .education li{
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: rgb(107, 107, 124);
            border-bottom: 1px solid gray;
        }
        .education li:hover{
            background-color: skyblue;
        }
        .enter{
            /* height: 600px; */
            overflow: hidden;
        }
        .up{
            height: 59px;
            line-height: 59px;
            border-bottom: 1px solid #777;
        }
        p{
            float: left;
            margin-left: 20px;
        }
        .down{
            width: 90%;
            margin: 10px auto;
            border:1px solid gray;
        }
        .down>table{
            width: 98%;
            height: 550px;
            margin: 16px auto;
            border: 1px solid red;
            /* border-spacing: 0; */
            border-collapse: collapse;
        }
        td{
            border: 1px solid #777;
        }
        tr:first-child{
            background-color: rgb(199, 182, 182);
        }
        tr:nth-child(even){
            background-color: rgb(209, 205, 205);
        }
        .right{
            float: right;
        }
        [type="text"]{
            width: 160px;
            height: 28px;
            border: 1px solid gray;
            vertical-align: middle;
        }
        [type="text"]:focus{
            appearance: none;
        }
        button{
            width: 30px;
            height: 30px;
            vertical-align: middle;
        }
        .icon-fangdajing{
            font-size: 24px;
        }
        .education>ul>li>.icon-shezhi{
            font-size: 32px;
        }
        .icon-rili{
            font-size: 32px;
            color: red;
        }
    </style>
</head>
<body>
    <div>
        <div class="banner">
            <img src="../images/OA.png" alt="">
        </div>
        <div class="sub">
            <div class="education">
                <ul>
                    <li><span class="iconfont icon-shezhi"></span>教学系统</li>
                    <li>教学系统</li>
                    <li><span class="iconfont icon-rili"></span>教学系统</li>
                    <li>教学系统</li>
                    <li>教学系统</li>
                    <li>教学系统</li>
                    <li>教学系统</li>
                    <li>教学系统</li>
                    <li>教学系统</li>
                    <li>教学系统</li>
                    <li>教学系统</li>
                    <li>教学系统</li>
                    <li>教学系统</li>
                </ul>
            </div>
            <div class="enter">
                <div class="up">
                    <p><a href="">系统管理</a>&ensp;>&ensp;后台首页</p>
                    <div class="right">
                        搜索：<input type="text"><button class="icontfont icon-fangdajing"></button>
                    </div>
                </div>
                <div class="down">
                    <table>
                        <tr>
                            <td>登入账号</td>
                            <td>IP</td>
                            <td>登入所在地</td>
                            <td>上次登入时间</td>
                        </tr>
                        <tr>
                            <td>sudewen</td>
                            <td>119.79.228.23</td>
                            <td>127.0.0.1</td>
                            <td>2021-9-08 10:55:57</td>
                        </tr>
                        <tr>
                            <td>sudewen</td>
                            <td>119.79.228.23</td>
                            <td>127.0.0.1</td>
                            <td>2021-9-08 10:55:57</td>
                        </tr>
                        <tr>
                            <td>sudewen</td>
                            <td>119.79.228.23</td>
                            <td>127.0.0.1</td>
                            <td>2021-9-08 10:55:57</td>
                        </tr>
                        <tr>
                            <td>sudewen</td>
                            <td>119.79.228.23</td>
                            <td>127.0.0.1</td>
                            <td>2021-9-08 10:55:57</td>
                        </tr>
                        <tr>
                            <td>sudewen</td>
                            <td>119.79.228.23</td>
                            <td>127.0.0.1</td>
                            <td>2021-9-08 10:55:57</td>
                        </tr>
                        <tr>
                            <td>sudewen</td>
                            <td>119.79.228.23</td>
                            <td>127.0.0.1</td>
                            <td>2021-9-08 10:55:57</td>
                        </tr>
                        <tr>
                            <td>sudewen</td>
                            <td>119.79.228.23</td>
                            <td>127.0.0.1</td>
                            <td>2021-9-08 10:55:57</td>
                        </tr>
                        <tr>
                            <td>sudewen</td>
                            <td>119.79.228.23</td>
                            <td>127.0.0.1</td>
                            <td>2021-9-08 10:55:57</td>
                        </tr>
                        <tr>
                            <td>sudewen</td>
                            <td>119.79.228.23</td>
                            <td>127.0.0.1</td>
                            <td>2021-9-08 10:55:57</td>
                        </tr>
                        <tr>
                            <td>sudewen</td>
                            <td>119.79.228.23</td>
                            <td>127.0.0.1</td>
                            <td>2021-9-08 10:55:57</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</body>
</html>